import React, { Component } from 'react'
// 在使用一个组件的时候，可以把参数放在标签的属性当中，
// 所有的属性都会作为组件 `props` 对象的键值。
// 通过箭头函数创建的组件，需要通过函数的参数来接收`props`:
class Title extends Component {
  render () {
    return (
      <h1>
        欢迎来到 { this.props.name } 的世界
      </h1>
    )
  }
}

const Content = (props) => {
  return (
    <p>
      { props.name } 核心库只关注于视图层
    </p>
  )
}

export default class App extends Component {
  render() {
    return (
      <div>
        <Title name="React"></Title>
        <Content name="react.js"></Content>
      </div>
    )
  }
}
